* {
    margin:0;
    padding:0;
}
li {
    list-style: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.head{
    display: flex;
    .px2rem(height, 90);
    .px2rem(line-height, 90);
    text-align: center;
    background: #7e4c81;
    color: white;  
    .left{
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            width: 40%;
            .px2rem(height, 50);
        }
    }
    .center{
        flex: 1; 
        .px2rem(font-size, 30);
    }
    .right{
        width: 15%;  
    }
}
.content {
    width: 94%;
    border:1px solid #ccc;
    border-radius: 10px;
    .px2rem(height, 412);
    margin:20px auto;
    ul {
        li {
            display: flex;
             .px2rem(height, 80);
             .px2rem(font-size, 35);
            p {
                width: 50%;
                display: flex;
                align-items:center;
                justify-content:center;

            }
            .divOne {
                color: #fc743d;
            } 
            .divTwo {
                color: #9d6cd5;
            } 
            .divThree {
                color: #fda93c;
            } 
            .divFor {
                color: #9d6cd5;
            }
            li:nth-child(1) {
                 background: #bcbbbb;
            }
            div {
                 display: flex;
                align-items:center;
                justify-content:center;
                margin:0 auto;

            }
           
        }
    }
}